<template>
  <div class="card-me">
    <ul>
      <li>
        <div class="card-me-img">
          <img src="@/assets/img/avatar.jpg">
        </div>
        <div class="hr"></div>
        <h3>Stay Hungry. Stay foolish.</h3>

        <div class="hr_2"></div>
        <div style="margin-left: 23px">
          <a @click="openUrl('https://gitee.com/noobcc/uum')"><svg-icon name="gitee" style="font-size:30px;margin-top: 12px" ></svg-icon></a>
          <a href="#"><svg-icon name="github" style="font-size:30px;margin-top: 12px"></svg-icon></a>
        </div>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "CardForMe",
  methods:{
    openUrl(url) {
      window.open(url, '_blank')
    }
  }
}
</script>

<style scoped>

</style>
